<div id="container">
<div id="header" onclick="toggle(this)">
<span id="header-text"></span> <div class="menutoggle"><span id="zero"><i class="fa fa-ellipsis-v" aria-hidden="true"></i> </span> <span id="one" style="bottom:-180px;">
<div class="menu-flex">
</div>
</span></div>
</div>
<script>function toggle() {
var x = document.getElementById("one");
if (!x.style.bottom ||x.style.bottom === '-180px') {
x.style.bottom = '0px';
} else {
x.style.bottom = '-180px';
}
}</script>
<div id="passages">
</div>
</div><<set $cycle to " ">>
<<set $choice to " ">><<replace ".menu-flex">><<include "menu-flex">><</replace>>
<<replace "#header-text">><<include "header-text">><</replace>><script>var myDiv = document.getElementById('passages');
myDiv.scrollTop = 0;</script><<link '<div class="menu-item"><b>00</b> go back</div>'>><<run Engine.backward()>><</link>>
<<link '<div class="menu-item"><b>01</b> saves</div>'>><<script>>UI.saves()<</script>><</link>>
<<link '<div class="menu-item"><b>02</b> settings</div>'>><<script>>UI.settings()<</script>><</link>>Apocalypse Story<style>
#passages {
overflow:hidden;
scrollbar-width:none;
font-family:var(--main-font);
transition:0s;
overflow: auto;
position:relative;
margin:auto;
width: 100%;
height:80%;
padding-top: 32px;
overflow-y: auto;
overflow-x: auto;
letter-spacing: 0.01em;}
.passage {
text-align:center;
transition:0s;}
#passages a:before {content: none;}
h1 {text-align:center;margin-top:20vh;color:var(--white);pointer-events: none;}
}
</style>
<div id="mainmenu">
<h1>Apocalypse Story</h1>
<div class="menu-item">
<div class="bits">[[BEGIN|test]]</div> <div class="bits"><<link "LOAD">><<run UI.saves()>><</link>></div> <div class="bits"> [[ARCHIVE|toc]]</div> <div class="bits"><<link "SETTINGS">><<run UI.settings()>><</link>>
</div>
</div>
</div><img class="leftsprite" src="https://www.sorrel.ink/wp-content/uploads/2026/01/Veronika_Neutral.png">
<img class="rightsprite" src="https://www.sorrel.ink/wp-content/uploads/2026/01/Noah_Neutral.png">
<img class="splash" src="https://www.sorrel.ink/wp-content/uploads/2026/01/test-1.jpg">
<div class="narrative"><center><p>Just when the monotonous cloudbanks start to make him forget there’s an earth below, the jet descends and he finally sees it in the flesh. Rearing up out of two seas — one of grand conifers and one of salty emerald water — the glittering metropolis seems almost out of place to Noah.</p></center>
<<cont append keypress>> <span class="noahtxt">NOAH</span> Oh. Wow. That's a view.
<<cont append keypress>> <span class="veronikatxt">VERONIKA</span> ... What do you think?
<<cont append keypress>><span class="noahtxt">NOAH</span> … I don’t know yet. Looks beautiful from above.
<<cont append keypress>><center><span class="gentxt">[[Either way... it's home for now.|apartment]]</span></center>
<</cont>><</cont>><</cont>><</cont>>
</div><style>
#passages {overflow:hidden;scrollbar-width:none;font-family:var(--main-font);transition:0s; overflow: auto;
position:relative;
margin: 4% auto;
width: 100%;
height:80%;
overflow-y: auto;
overflow-x: auto;
padding: 32px;
letter-spacing: 0.01em;}
::-webkit-scrollbar {width:0px;}
.passage {text-align:center;transition:0s;}
#passages a:before {content: none;}
h1 {text-align:center;margin-top:20vh;color:var(--white);pointer-events: none;}
#container {
background-color: hidden;}
@media screen and (max-width: 800px) {#story {margin:0;}}
</style>
<div id="mainmenu">
<h1>Apocalypse Story</h1>
<div class="menu-item">
<div class="bits">[[BEGIN|test]]</div> <div class="bits" title="released january 17, 2026">[[P2|test]]</div> <div class="bits">[[P3|test]]</div> <div class="bits">[[P4|test]]</div><div class="bits">[[P5|test]]</div><div class="bits">[[MENU|menu]]</div>
</div>
</div>At the Bane Gala, Dahl launches into a heavily produced speech and performance about his own story -- his coming of age in remote Alaska, glossing over his abuse and isolation to spin inspiration porn out of a devastating childhood accident. He shares glimpses of early prototypes of his prosthetic arm, then his struggling college days and eventually meeting the talented artificial intelligence researcher, Cris Belyakof.IntroductionThese passages run the show behind the scenes.<img class="leftsprite" src="https://www.sorrel.ink/wp-content/uploads/2026/01/dahlsprite.png">
<img class="rightsprite" src="https://www.sorrel.ink/wp-content/uploads/2026/01/lanesprite.png">
<img class="splash" src="https://cdn.cara.app/production/posts/51f52e85-60de-404b-9dc2-1a69654f4d29/sorrel-bQB02Drau7ZmZT_iPihAh-marscape.png">
<div class="narrative"><span class="dahltxt">DAHL</span> This is a celebration of modern medicine. We shouldn't be hearing from pithy engineers and designers -- we should be hearing from people like you, and me!
<<timed 2s>><span class="dahltxt">DAHL</span> What would you tell them? How has this technology changed YOUR life, Lane?<</timed>>
<<timed 3s>><<type 30ms>><span class="lanetxt">LANE</span> ...<</type>><</timed>>
<<timed 6s>><<type 30ms>><span class="lanetxt">LANE</span> I believe it is obvious, but I could prepare -<</type>><</timed>>
<<timed 8s>><span class="dahltxt">DAHL</span> Christ, that's actually absolutely brilliant. Cut the bullshit. I could get up there in front of everyone and tell MY story.<</timed>>
</div>
<img class="leftsprite" src="https://www.sorrel.ink/wp-content/uploads/2026/01/Veronika_Neutral.png">
<img class="rightsprite" src="https://www.sorrel.ink/wp-content/uploads/2026/01/Noah_Neutral.png">
<img class="splash" src="https://www.sorrel.ink/wp-content/uploads/2026/01/test-1.jpg">
<div class="narrative"><center>That's it for now!</center>
</div>